<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>



  ES6 新的 表示异步的方法 : Promise    传统 AJAX   

  传统方式 : 回调地狱  现象


  ...(function(){
    ......(function(){
      .....(function(){
        .......(function(){
          )
        )
    })
  })














  

  <script>





    // var p = new Promise((resolve,reject)=>{

    //     // ....
    //     // resolve('成功了')
    //     // reject('loser')

    // })

    // p.then(async()=>{
    //   // / ...
    // }).then().then()


    // console.log(p);










    // //基本用法的async函数
    // let asyncFun = async function(){
    //     return 1
    // }
    // console.log(asyncFun())
    // //会返回一个promise对象


    //使用场景
    //摇色子方法
    function dice(){
      //pending（进行中）、fulfilled（已成功）和rejected（已失败）
      // reject , resolved
      // resolved() , reject() , .then(func,func) , .catch(reason, data)
        return new Promise((resolve,reject)=>{
            let sino = parseInt(Math.random()*6+1)  //生成一个1~6之间的随机小数
            setTimeout(()=>{
                resolve(sino)
            },2000)
        })
    }
    //异步方法
    async function text(){
        let n= await dice()
          //await 关键字后面调用摇色子方法执行完毕之后，才进行变量赋值
        console.log("摇起来:"+n)  //最后打印出摇出来的数
    }
    text()


  </script>
</body>
</html>